page-td {
  //头部
  ion-header {
    //取消全局的 顶部box-shadow
    box-shadow: none !important;
    ion-navbar {
      padding: 0 !important;
      padding-bottom: 22px !important;
      min-height: 0 !important;

      box-shadow: none !important;
      .toolbar-background {
        //取消默认的 顶部下划线
        border: none !important;
      }
      & > div {
        background: $color-light !important;
      }
      //icon 按钮
      ion-buttons {
        button span.button-inner {
          display: inline-block;

          font-size: 17px;
          color: rgb(151, 151, 151);
        }
        &:first-of-type {
          margin-left: 1.2rem;
        }
        &:last-of-type {
          margin-right: 1.2rem;
        }
        .button-inner {
          margin-top: 15px !important;
        }
      }

      //标题
      ion-title {
        top: 9px !important;
        height: inherit !important;
      }
      ion-title .toolbar-title.toolbar-title-ios {
        font-size: 2rem;
        font-family: $font-family-team;
        color: rgba(51, 51, 51, 1);
      }
    }
  }
  ion-content {
    //加入团队 创建团队
    .a-tabs {
      position: relative;
      padding-bottom: 1rem;
      background: $color-light !important;
      overflow: hidden;
      box-shadow: $shadow;
      a {
        width: 50%;
        float: left;
        height: 2rem;
        display: inline-block;

        color: $color-black;
      }
      a:first-of-type {
        padding-left: 7.4rem;
      }
      a:last-of-type {
        padding-right: 7.2rem;
        text-align: right;
      }

      //a 标签的下划线
      &::after {
        bottom: 0.6rem;
        position: absolute;

        content: "";
        display: block;
        width: 8.5rem;
        height: 0.2rem;

        background: rgb(37, 198, 253);

        transition: all 0.5s ease-out;
      }
      //当选中 加入团队时
      &.join::after {
        left: 7.3rem !important;
      }
      //当选中 创建团队时
      &.new::after {
        left: 21.8rem !important;
      }
    }

    //团队列表
    ion-list.list-ios {
      margin-top: 3rem;
      //列表
      & > ion-item {
        width: 35.2rem;
        height: 6rem;
        margin: 1rem auto 0 auto;

        font-family: $font-family-team;
        border: none !important;
        border-radius: $border-radios;
        background: $color-light;

        box-shadow: $shadow;
        //团队头像
        ion-avatar {
          margin-right: 1rem !important;
          img {
            width: 4rem;
            height: 4rem;
          }
        }
        & > .item-inner {
          border: none !important;
          padding: 0 !important;
          ion-label {
            height: 100%;
            padding-top: 1.3rem !important;
            //团队名称
            .teamName {
              font-size: 12px;
              color: rgba(102, 102, 102, 1);
            }
            //团队人数
            .teamName ~ p {
              font-size: 10px;
              color: rgba(153, 153, 153, 1);
            }
            //右箭头
            .teamName ~ p ~ img {
              position: absolute;
              top: 2.28rem;
              right: 1.02rem;

              width: 1.51rem;
              height: 1.51rem;
            }
          }
        }
      }
    }
  }
}
